<?php
$form = new Form($model);
?>
<h1><?=$model->getTable()->getIsNewRecord()?'Добавить тему':'Редактировать тему'?></h1>
<?if(!$model->getTable()->getIsNewRecord()):?>
<div class="admin-btns" style="padding:8px;border:1px solid #005999;background: rgba(128,128,220,0.4);">    
<a class="button" href="/theme/delete/<?=$model->id?>">Удалить</a>
</div>
<?endif;?>
<div class="content">
    <?=X3_Html::errorSummary($model)?>
    <?=$form->start()?>
    <?=$form->render()?>
    <?=$form->end()?>
</div>
<script>
    var aUpload =function(callback){
        var oldname = $(this).attr('name');
        var ifrm = $('<iframe />').attr({'name':'test'+oldname}).css({'visibility':'hidden','width':'0','height':'0','position':'absolute','left':'-9999px'});
        var tmp_form = $('<form />').attr({'target':'test'+oldname,'method':'post','enctype':'multipart/form-data','action':'/uploads/put'})
            .css({'visibility':'hidden','width':'0','height':'0','position':'absolute','left':'-9999px'});
        $('body').append(ifrm).append(tmp_form);
        var tmp = $('<img />').attr('src','/images/ajax.gif');
        var self = this;
        $(this).attr('name','image');
        tmp.insertAfter(this);
        tmp_form.append(this);
        ifrm.bind('load',function(){
            var src = $(this).contents().find('body').text();
            if(typeof callback === 'function')
                callback.call(self,src.replace(/^[\s]+|[\s]+$/g,''));
            $(self).attr('name',oldname);
            $(self).insertAfter(tmp);
            tmp.remove();
            ifrm.unbind('load');
            ifrm.remove();
            tmp_form.remove();
        });
        tmp_form.submit();
    }
    $(function(){
        var bg = $('.main-01').css('background');
        
        $('#Theme_decorations').click(function(){
            if($(this).is(':checked')){
                $('.left-crnr, .right-crnr, .ll-crnr, .lr-crnr').css('display','block');
                $('.main-01').css('background',bg);
            }else {
                $('.left-crnr, .right-crnr, .ll-crnr, .lr-crnr').css('display','none');
                $('.main-01').css('background','none');
            }
        });
        $('#Theme_mainheader').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('.header img').attr('src',"/uploads/"+src);
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
        $('#Theme_maintile').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('.c-column').css('background-image',"url(/uploads/"+src+")");
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
        $('#Theme_back').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('body').css('background',"url(/uploads/"+src+")");
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
        $('#Theme_cover').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('.body .main, .left_menu').css('background',"url(/uploads/"+src+")");
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
        $('#Theme_menutile').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('.left_menu1, .left_menu2').css('background-image',"url(/uploads/"+src+")");
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
        $('#Theme_menu').change(function(){
            aUpload.call(this,function(src){
                if(src.length>5){
                    $('.menu-header').css('background-image',"url(/uploads/"+src+")");
                }else {
                    alert('Не удалось загрузить картинку. Может это не картинка?')
                }
            })
        })
    })
</script>